<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<title>劲松商城后台</title>
<div th:include="Admin/public/Common::head"></div>
</head>
<body>
<div class="main-wrap">
	<div th:include="Admin/public/Common::menu"></div>
	<div class="content-wrap">
<div th:replace="Admin/public/Common::header"></div>
		<main class="main-cont content mCustomScrollbar">
			<div class="page-wrap">
				<!--开始::内容-->
				<section class="page-hd">
					<header>
						<h2 class="title">Tab选项卡标签页</h2>
						<p class="title-description">
							Tab选项卡标签页，可复用，带标题和不带标题。
						</p>
					</header>
					<hr>
				</section>
				<div class="panel panel-default">
					<!--<div class="panel-hd">按钮</div>-->
					<div class="panel-bd">
						<div class="card">
							<div class="card-header">
								<div class="tab-title fl">
									<strong class="title">Tab选项卡标题</strong>
								</div>
								<ul class="tab-nav fr">
									<li class="active">今日新闻</li>
									<li>陕西新闻</li>
								</ul>
							</div>
							<div class="tab-cont" style="display: block;">
								TABcontent11
							</div>
							<div class="tab-cont">
								TABcontent222
							</div>
						</div>
					</div>
				</div>

				<div class="panel panel-default">
					<!--<div class="panel-hd">按钮</div>-->
					<div class="panel-bd">
						<div class="card">
							<div class="card-header">
								<ul class="tab-nav">
									<li class="active">头条新闻</li>
									<li>陕西新闻</li>
									<li>延安新闻</li>
									<li>洛川新闻</li>
								</ul>
							</div>
							<div class="tab-cont" style="display: block;">
								TABcontent11
							</div>
							<div class="tab-cont">
								TABcontent222
							</div>
							<div class="tab-cont">
								TABcontent333
							</div>
						</div>
					</div>
				</div>
				<!--开始::结束-->
			</div>
		</main>
		<div th:replace="Admin/public/Common::footer"></div>
	</div>
</div>
</body>
</html>
